<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/order.css" rel="stylesheet" />
	</head>
	<body>

		<!-- 头部 -->
		<header>
			<div class="header">
				<a href="" class="logo"></a>
				<ul>
					<li class='welcome-content'>
						<span class="welcome">欢迎, Curry</span>
						<div class="self-content">
							<a href="" class="self">个人设置</a>
							<a href="address.html" class="address-msg">收货信息</a>
							<a href="order.html" class="my">我的订单</a>
							<a href="javascript:;" class="exit">退出</a>
						</div>
					</li>
					<li class="login"><a>登录</a></li>
					<li class="register"><a href="register.html">注册</a></li>
					<li class="line">|</li>
					<li class="cart">
						<p>购物车</p>
						<div class="cart_subnav">
							<div class="no-list">您的购物车暂时没有商品...</div>
							<ul class="cart_list">
								<!-- <li class="list">
									<a href=""><img src="img/goods.jpg" /></a>
									<div>
										<p>全棉插肩长袖T恤 | 百</p>
										<p>服装尺码:S;颜色:米白/黑;</p>
										<p>
											<span>数量：3件</span>
											<span>¥290.00</span>
											<span>¥390.00</span>
										</p>
									</div>
								</li> -->
							</ul>
							<div class="cart-btn">快去抢购良仓商品吧!</div>
						</div>
					</li>
					<li class="line">|</li>
					<li class="message"><a href="">消息</a></li>
					<li class="line">|</li>
					<li class="product"><a href="">添加良品</a></li>
					<li class="pact"><a href="">资质证照 / 协议规则</a></li>
				</ul>
			</div>
		</header>

		<!-- 导航 -->
		<nav>
			<ul class="nav">
				<li><a href="index.html">首页</a></li>
				<li>
					<a href="classify.html">商店</a>
					<div class="subnav">
						<ul class="subnav_list">
							<!-- <li>
								<a href="">
									<img src="img/nav_icon.png" />
									<p>家居</p>
								</a>
							</li> -->
						</ul>
						<div class="subnav_img">
							<img src="img/nav_banner.jpg" />
							<p>新视线： 2024年12月刊</p>
						</div>
					</div>
				</li>
				<li><a href="">杂志</a></li>
				<li><a href="">分享</a></li>
				<li><a href="">达人</a></li>
				<li><a href="">有偿咨询</a></li>
			</ul>

			<!-- 搜索框 -->
			<div class="search">
				<input type="text" placeholder="search..." class="search-value"/>
				<span class="search-btn"></span>
			</div>
		</nav>

		<!-- 订单详情内容部分 -->
		<div class="order-content">
			<div class="order-banner">
				<img src="img/order-banner.jpg" />
			</div>

			<div class="order-title">
				<span>|</span>
				<span>购物车</span>
				<span>|</span>
				<span>结算</span>
				<span>|</span>
			</div>

			<div class="order-address">
				<div class="orAdd-title">收货地址</div>
				<div class="orAdd-list" id="address-list">
					<ul class="orAdd-items">
						<!-- <li class="list">
							<div>
								<p><span>小明</span><span>16788888888</span></p>
								<p>省市区</p>
								<p>详细地址</p>
							</div>
							<div>
								<p>默认地址</p>
								<p><span>编辑</span><span>删除</span></p>
							</div>
						</li> -->
					</ul>
				</div>
			</div>
			<!-- 添加新地址按钮 -->
			<div class='address-btn'>
				<input type="checkbox" class="new-add"/>
				<span>使用新地址</span>
			</div>

			<!-- 添加新地址按钮容器 -->
			<div class='new-address-content'>
				<p><span>收货人姓名</span><input class="consignee-name" type="text" /></p>
				<p>
					<span>省/市/区</span>
					<select class="province">
						<option value="">--请选择省--</option>
					</select>
					<select class="city">
						<option value="">--请选择市--</option>
					</select>
					<select class="town">
						<option value="">--请选择区--</option>
					</select>
				</p>
				<p><span>详细地址</span><input type="text" class="street"/></p>
				<p><span>手机号</span><input type="text" class="tel"/></p>
				<p><span></span><button class='save-btn'>保存地址</button></p>
			</div>

			<!-- 订单详情 -->
			<div class="order-detail">
				<h2>订单详情</h2>
				
				<div class="order-list-content">
					<!-- <div class="order-list">
					<div>
						<img src="img/goods1.jpg" alt="" />
						<span>商品名</span>
					</div>
					<div>
						<span>333</span>
						<span>$2000</span>
					</div>
				</div> -->
				</div>
			</div>

			<!-- 结算按钮 -->
			<div class="settle-btn">结算</div>

		</div>

		<!-- 底部 -->
		<div class="index-bottom">
			<div class="our-shop">
				<a href="">
					<span>>></span>
					<span>良仓商品 / OUR SHOP</span>
				</a>
			</div>
			<div class="bottom-server">
				<ul class="servers">
					<li>
						<div>
							<span></span>
							<div>
								<p>全球精品</p>
								<p>Global Selection</p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<span></span>
							<div>
								<p>正品保障</p>
								<p>Authenticity Guaranteed</p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<span></span>
							<div>
								<p>全场包邮</p>
								<p>Global Selection</p>
							</div>
						</div>
					</li>
					<li>
						<div>
							<span></span>
							<div>
								<p>客服邮箱</p>
								<p>kefu@iliangcang.com</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!-- 页脚 -->
		<div class="footer">
			<div class="footer-content">
				<div class="footer-l">
					<div href="" class="phone">
						<span></span>
						<div class="phone-content">
							<p>iPhone Android</p>
							<p>客户端下载</p>
							<div class="phone-position">
								<p class="or">
									<span class="orcode"></span>
									<span>下载iPhone版</span>
								</p>
								<p class="or1">
									<span class="orcode"></span>
									<span>下载Android版</span>
								</p>
							</div>
						</div>
					</div>
					<ul class="about-lc">
						<li><a href="">关于良仓</a></li>
						<li class="line-lc">|</li>
						<li><a href="">服务协议</a></li>
						<li class="line-lc">|</li>
						<li><a href="">隐私保护政策</a></li>
						<li class="line-lc">|</li>
						<li><a href="">使用指南</a></li>
						<li class="line-lc">|</li>
						<li><a href="">联系我们</a></li>
						<li class="line-lc">|</li>
						<li><a href="">加入我们</a></li>
						<li class="line-lc">|</li>
						<li><a href="">友情链接</a></li>
						<li class="line-lc">|</li>
						<li><a href="">私信良仓</a></li>
					</ul>
					<div class="lc-content">
						<p><span>&copy</span>&nbsp 2013-2019 北京良仓文化传播有限公司版权所有 </p>
						<p>　公司名称：北京良仓文化传播有限公司 客服邮箱：kefu@iliangcang.com</p>
						<p>　公司地址：北京朝阳区百子湾路32号6号楼1层60号.</p>
						<p>　社会信用统一代码：91110105059231575L 食品许可证：JY11105160159557 </p>
						<p>　图书证名称：中华人民共和国出版物经营许可证 图书证编号：新出发京零 字第 朝 150051 号 </p>
						<p>　京ICP备13010677号-1 京公网安备<span>11010502025627</span></p>
					</div>
				</div>
				<div class="footer-r">
					<div class="slogin">
						<div class="wechat-content">
							<span class="wechat">
								<p class="wechat-er"></p>
							</span>
						</div>

						<span class="webo"></span>
						<span class="dou"></span>
					</div>
				</div>
			</div>
		</div>

		<!-- 回到顶部按钮 -->
		<div class="back-btn">
			<p class="back-top"></p>
		</div>

		<!-- 联系客服按钮 -->
		<a href="" class="call-btn">联系客服</a>
	</body>
</html>
<script src="js/yzb.js"></script>
<script src="js/base.js"></script>
<script src="js/order.js"></script>